@charset "utf-8";
/* CSS Document */
body{
    
    font-size: 12px;

font-weight:normal;
font-style:normal;
    
}
 h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin:0;padding:0;word-wrap:break-word}
 html, input {font:14px/1.5 "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#666;}
table {border-collapse:collapse;border-spacing:0;}
img {border:none}
a{color:#666; text-decoration:none;}
a:hover{color:#159301; text-decoration:underline;}
ul li{ list-style-type:none;}

/**清楚浮动**/
.clearfix1:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix1 { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix1 { height: 1%;}
* html .clearfixs1 { height: 1%;}
.clearfix1 { display: block;position: relative;left:40%; width:800px;}
.clearfixs1 { display: inline-table; }
.clearfixs1 { display: block;position: relative; width:100%;}
/* End hide from IE-mac */

/**顶部**/
.top{ width:100%; height:auto; background:#eaeaea;}
.topMain{width:1200px; height:27px; color:#333; margin:0 auto; font-size:12px; line-height:27px;}
.topMain p{ float:right;}
.topMain span{ float:left;}

.yinying{top:133px; width:100%; height:7px; background:url(../images/pic10.png) left top repeat; position:absolute; left: 0; bottom:0px; z-index:1}


/**导航**/

.nav{position:relative; height:auto; top: 50px}
.nav ul li{float:left; position:relative;left:-50px; margin-left:px; top:-55px; width:160px; text-align:center; height:110px; z-index:9999;}
.nav ul li>a{display:block;  font-size:16px; font-family:"微软雅黑"; color:#2d2d2d; text-align:center; position:absolute;top:45px;border: 1px solid #ffffff ; border-radius:50px 50px 50px 50px; width:150px; line-height:30px; height: 30px}
/**.nav ul li>a span{display:block; margin-top:-80px; font-size:6px; -webkit-transform:scale(0.67); -o-transform:scale(0.67); font-family:arial;}**/
.nav ul li>a:hover{color:#FFFFFF;font-weight:bolder; background:#000093 ; font-family:'微软雅黑';  text-decoration:none;}

.header .black{background:#000; height:40px; position:absolute; bottom:-40px; width:100%; z-index:2; display:none;}
.nav ul li .sub-nav{position:absolute;top:110px; border-radius:2px 2px 6px 6px; border-top: 4px solid #000093; height:40px; line-height:40px; bottom:-40px; left:800px; display:none; background-color: #F8F8FF; *z-index:99999;}
.nav ul li .sub-nav a{color:#000093; font-family:SimSun; padding:0px 0px 0px 5px; font-family:"微软雅黑"; float:left; height: 100px; font-size: medium}

.nav ul li .sub-nav a:hover{font-size: 100%;}


.navs1{position:relative; height:auto; top: 50px}
.navs1 ul li{float:left; position:relative;left:-50px; margin-left:px; top:-55px; width:160px; text-align:center; height:110px; z-index:9999;}
.navs1 ul li>a{display:block;  font-size:16px; font-family:"微软雅黑"; color:#2d2d2d; text-align:center; position:absolute;top:45px;border: 1px solid #ffffff ; border-radius:50px 50px 50px 50px; width:150px; line-height:30px; height: 30px}
/**.nav ul li>a span{display:block; margin-top:-80px; font-size:6px; -webkit-transform:scale(0.67); -o-transform:scale(0.67); font-family:arial;}**/
.navs1 ul li>a:hover{color:#FFFFFF;font-weight:bolder; background:#000093 ; font-family:'微软雅黑';  text-decoration:none;}

.header .black{background:#000; height:40px; position:absolute; bottom:-40px; width:100%; z-index:2; display:none;}
.navs1 ul li .sub-nav{position:absolute;top:110px; border-radius:2px 2px 6px 6px; border-top: 4px solid #000093; height:40px; line-height:40px; bottom:-40px; left:800px; display:none; background-color: #F8F8FF; *z-index:99999;}
.navs1 ul li .sub-nav a{color:#000093; font-family:SimSun; padding:0px 0px 0px 5px; font-family:"微软雅黑"; float:left; height: 100px; font-size: medium}

.navs1 ul li .sub-nav a:hover{font-size: 100%;}
/**banner**/

.banner{}
.banner .bd li img{max-width:100%;  visibility:hidden; display:block; margin:0 auto;}
.banner .hd{position:absolute; width:100%; height:5px; font-size:0; line-height:0; left:0; bottom:30px; text-align:center;} 
.banner .hd li{display:inline-block; *display:inline; *zoom:1; width:58px; height:5px; background:#fff; cursor:pointer; margin-right:10px;}
.banner .hd li.on{background:#f70100;}


/**关于我们**/
.aboutMain{ width:1200px; height:400px; margin:0 auto;}
.pabout{ background:url(../images/about.png) no-repeat; width:1200px; height:60px; margin-bottom:30px;}
.pabout span{ float:right; margin-top:35px;}

.aboutimg{ width:400px; height:265px; float:left; margin-right:25px;}
.aboutcon{ width:500px; height:260px; float:left;}
.aboutjj{ line-height:30px; margin-bottom:25px; margin-top:10px;}
.aboutcon ul li{ width:112px; float:left; text-align:center; margin-left:6px; margin-right:7px;}
.aboutcon ul li p{ line-height:40px;}
.honorimg{ float:right; margin-right:20px;}

/**案例展示**/
.anli{ width:100%;}
.anliMain{ width:1200px; height:320px; margin:0 auto;}
.anlititle{ background:url(../images/anli.png) no-repeat; width:1200px; height:60px; margin-bottom:5px;}
.anlititle span{ float:right; margin-top:35px;}
.anliList{ width:1200px; height:230px; background:url(../images/anli.jpg) no-repeat;}
.anliList ul li{ float:left; margin-top:15px; margin-left:20px; margin-right:15px; display:none;}

/**新闻和联系**/
.xwlx{ width:100%;}
.xwlxMain{ width:1200px; height:350px; margin:0 auto;}
.newsMain{ width:440px; float:left;}
.ntitle{ background:url(../images/news.png) no-repeat; width:440px; height:60px; margin-bottom:5px;}
.ntitle span{ float:right; margin-top:35px;}

.consMain{ width:685px; float:right;}
.ctitle{ background:url(../images/lianxi.jpg) no-repeat; width:685px; height:60px; margin-bottom:5px;}
.ctitle span{ float:right; margin-top:35px;}

.newsMain ul li{line-height:40px; margin-top:10px; border-bottom:1px dashed #ccc;}
.newsMain ul li span{ float:right; font-size:12px; color:#aaa;}
.newsMain ul li a{ font-size:16px;}
.newsMain ul li b{ margin-right:5px; color:#159301;}

.conmap{ width:370px; height:235px; float:left; background:#ccc; margin-top:15px;}
.conxx ul{ float:right; margin-top:15px; width:285px; height:235px;}
.conxx ul li{line-height:38px;}

/**底部**/
.foot{ text-align:center; line-height:30px; font-size:12px; background:#159301; padding:15px 0px; color:#fff; margin-top:20px; font-family:Arial, Helvetica, sans-serif;}
.foot a{ color:#fff;}

@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}

#al1{-webkit-animation:bounceIn 1s .2s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al2{-webkit-animation:bounceIn 1s .4s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al3{-webkit-animation:bounceIn 1s .6s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al4{-webkit-animation:bounceIn 1s .8s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al5{-webkit-animation:bounceIn 1s 1.0s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al6{-webkit-animation:bounceIn 1s 1.2s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al7{-webkit-animation:bounceIn 1s 1.4s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al8{-webkit-animation:bounceIn 1s 1.6s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
